<!DOCTYPE html>
<html>
<head>
    <title>功能开启</title>
    @@include('./head_min.html')
<body>
    <!--head-->
    <div class="navbar navbar-inverse navbar-data navbar-fixed-top" id="menu">
        <div class="container">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand"  href="javascript:history.go(-1);"> <i class="fa fa-chevron-left"></i>
                </a>
                <a class="navbar-brand" href="index.html">后台数据管理系</a>
            </div>
            <div class="navbar-collapse collapse ">
                <ul class="nav navbar-nav navbar-right">
                    <li>
                        <a href="func_section.html">栏目管理</a>
                    </li>
                    <li>
                        <a href="func_task.html">任务管理</a>
                    </li>
                    <li>
                        <a href="func_role.html">角色列表</a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!-- /header -->
    <div class="wrapper">
        <div class="layout">
            <div class="container">
                <div class="clearfix">
                    <a class="btn btn-warning btn-sm pull-right" href="task_add.html"> <i class="fa fa-plus"></i>
                        创建角色
                    </a>
                </div>
                <table class="table table-bordered wow bounceInUp"  data-wow-delay="0.2s">
                    <thead>
                        <tr>
                            <th>游戏or角色</th>
                            <th>用户列表</th>
                            <th>操作</th>
                            <th>编辑or新建</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr class="danger">
                            <td>花千骨</td>
                            <td></td>
                            <td></td>
                            <td>
                                <a class="btn btn-xs btn-warning"  data-toggle="modal" data-target="#myModal">新建角色</a>
                            </td>
                        </tr>
                        <tr class="">
                            <td>admin</td>
                            <td>赵红梅，何安苗，朱建</td>
                            <td>
                                <a class="btn btn-xs btn-info"  >分配用户</a>
                            </td>
                            <td>
                                <a class="btn btn-xs btn-danger">
                                    <i class="fa fa-pencil"></i>
                                    编辑
                                </a>
                            </td>
                        </tr>
                        <tr class="">
                            <td>guest</td>
                            <td>王德美</td>
                            <td>
                                <a class="btn btn-xs btn-info"  >分配用户</a>
                            </td>
                            <td>
                                <a class="btn btn-xs btn-danger">
                                    <i class="fa fa-pencil"></i>
                                    编辑
                                </a>
                            </td>
                        </tr>
                        <!--/第1个-->
                        <tr class="danger">
                            <td>皮卡丘</td>
                            <td></td>
                            <td></td>
                            <td>
                                <a class="btn btn-xs btn-warning"  data-toggle="modal" data-target="#myModal">新建角色</a>
                            </td>
                        </tr>
                        <tr class="">
                            <td>admin</td>
                            <td>赵红梅，何安苗，朱建</td>
                            <td>
                                <a class="btn btn-xs btn-info"  >分配用户</a>
                            </td>
                            <td>
                                <a class="btn btn-xs btn-danger">
                                    <i class="fa fa-pencil"></i>
                                    编辑
                                </a>
                            </td>
                        </tr>
                        <tr class="">
                            <td>guest</td>
                            <td>王德美</td>
                            <td>
                                <a class="btn btn-xs btn-info"  >分配用户</a>
                            </td>
                            <td>
                                <a class="btn btn-xs btn-danger">
                                    <i class="fa fa-pencil"></i>
                                    编辑
                                </a>
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
    <!--导航条-->
    @@include('./footer.html')
    <!-- 弹出层 Modal -->
    <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                    <h4 class="modal-title" id="myModalLabel">Modal title</h4>
                </div>
                <div class="modal-body">...</div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                    <button type="button" class="btn btn-primary">Save changes</button>
                </div>
            </div>
        </div>
    </div>
    <!-- /弹出层 Modal -->
    <!--公共js-->
    @@include('./js.html')
    <!--/公共js-->
</body>
</html>
